@import url('../../variable.less');

.resources-page {
  background-color: @bgGray;
  padding: 16px;
  padding-top: @navbarHeight;
  overflow: hidden;
  // 100vh - navbarHeight - padding * 2
  height: calc(100vh - @navbarHeight - 32px);

  .menu {
    position: fixed;
    top: calc(@navbarHeight + 16px);
    left: 16px;
    width: 200px;
    background-color: #FFFFFF;
    box-shadow: @boxShadow;
    z-index: 10;
  }

  .resources-controls {
    background-color: #FFFFFF;
    position: fixed;
    width: calc(100% - 200px - 48px);
    height: 60px;
    top: calc(@navbarHeight + 16px);
    box-shadow: @boxShadow;
    left: 232px;
    z-index: 10;
    display: flex;
    align-items: center;
  }

  .resources {
    position: fixed;
    background-color: #FFFFFF;
    box-shadow: @boxShadow;
    z-index: 10;
    width: calc(100% - 200px - 48px);
    height: calc(100vh - @navbarHeight - 112px);
    left: 232px;
    top: calc(@navbarHeight + 92px);
    overflow-y: scroll;
  }
}
